<div class="col-md-12">
    <table st-table="data.displayListData" st-safe-src="data.serverListData" class="table b-light m-b-xxs">
        <thead class="table-header" >
        <tr>
            <th width="20%">
                <input st-search="name" placeholder="按名称查询" class="input-sm form-control" type="search"/>
            </th>
            <th width="20%">
                <input st-search="vendorName" placeholder="按所在平台查询" class="input-sm form-control" type="search"/>
            </th>
            <th width="20%">
                <select class="input-sm form-control" st-search="status">
                    <option value="">--按状态查询--</option>
                    <option ng-repeat="row in data.serverListData | unique:'status'" value="{{row.status}}">{{row.status1}}</option>
                </select>
            </th>
            <th width="20%">
                <input st-search="type" placeholder="按存储类型查询" class="input-sm form-control" type="search"/>
            </th>
            <th width="20%">
                <input st-search="size" placeholder="按存储容量查询" class="input-sm form-control" type="search"/>
            </th>
        </tr>
        <tr>
            <th width="20%" class="font-15 text-center" st-sort="name">名称</th>
            <th width="20%" class="font-15 text-center" st-sort="vendorName">所在平台</th>
            <th width="20%" class="font-15 text-center" st-sort="status">状态</th>
            <th width="20%" class="font-15 text-center" st-sort="type">存储类型</th>
            <th width="20%" class="font-15 text-center" st-sort="size">存储容量</th>
            <!--<th width="15%" class="font-15 text-center">操作</th>-->
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="row in data.displayListData">
            <td width="20%" class="font-15 text-center text-overflow" style="max-width:215px;" ng-bind="row.name"></td>
            <td width="20%" class="font-15 text-center text-overflow" style="max-width:215px;" ng-bind="row.vendorName"></td>
            <td width="20%" class="font-15 text-center text-overflow" style="max-width:215px;" >
                <div class="text-left" style="padding-left:38%;">
                    <i class="status-dot-style" ng-class="{'green':'dot-8','red':'dot-10','yellow':'dot-9','gray':'dot-4'}[row.status]"></i>
                    <span class="status-span-style" title="{{row.status|cn:'networkStatus'}}" ng-bind="row.status|cn:'networkStatus'"></span>
                </div>
            </td>
            <td width="20%" class="font-15 text-center text-overflow" style="max-width:215px;" ng-bind="row.type"></td>
            <td width="20%" class="font-15 text-center text-overflow" style="max-width:215px;" ng-bind="row.size"></td>
            <!--<td width="15%" class="font-15 text-center">-->
            <!--<button class="btn btn-sm w-xxs btn-danger" ng-click="remove(row.id)"><i class="fa fa-trash-o"></i> 删除</button>-->
            <!--</td>-->
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td colspan="1" class="text-center" style="padding-top: 30px;font-size: 15px;">
                <!-- <div>每页{{itemsByPage}}条，共{{total}}条</div> -->
            </td>
            <td colspan="3" class="text-center">
            </td>
            <td colspan="1" class="text-center" style="padding-top: 8px;">
                <div st-pagination="" st-items-by-page="itemsByPage" st-displayed-pages="5" class="no-margin"></div>
            </td>
        </tr>
        </tfoot>
    </table>
</div>